<!DOCTYPE html>
<html manifest="cache.manifest">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>掌上中考客户端</title>
        <!-- CSS文件 -->
        <link rel="stylesheet" href="resources/sencha/css/sencha-touch.css" type="text/css" />
        <link rel="stylesheet" href="resources/oreilly/css/app.css" type="text/css" />
        <!-- JS文件 -->
        <script type="text/javascript" src="sencha-touch-all.js">
        </script>
        <script type="text/javascript" src="app.js">
        </script>
        <style>
            .speaker {
            	font-size: 0.9em;
            	line-height: 1.4em
            }
            
            .speaker .avatar {
            	background-position: center center;
            	-webkit-border-radius: 0.5em;
            	float: left;
            	border: 0;
            	border-radius: 0.5em;
            	width: 45px;
            	height: 45px;
            	background-size: 47px auto
            }
            
            .speaker h3 {
            	font-weight: bold;
            	margin-left: 60px
            }
            
            .speaker h4 {
            	margin-left: 60px
            }
            
            .photo {
            	float: left;
            	margin: 0 8px 16px 0;
            	border: 1px solid #ccc;
            	-webkit-box-shadow: 0 2px 4px #777
            }
            
            .x-html h2 {
            	margin-bottom: 0
            }
            
            .phone,.link {
            	clear: both;
            	font-weight: bold;
            	display: block;
            	text-align: center;
            	margin-top: 8px
            }
            
            .detail {
            	-webkit-box-orient: vertical
            }
            
            .detail .photo {
            	float: none
            }
            
            .legislator-list-item {
            	padding: 3px 5px;
            	font-weight: bold;
            	text-shadow: rgba(255, 255, 255, 0.25) 0 0.08em 0;
            	white-space: nowrap;
            	overflow: hidden;
            	text-overflow: ellipsis
            }
            
            #legislatorList.legislator-list-item.x-view-selected {
            	background: #315d94 none !important;
            	color: #d3e0f1 !important
            }
            
            #legislatorList.legislator-pic {
            	display: inline-block;
            	vertical-align: -17px;
            	width: 50px;
            	height: 50px;
            	margin-right: 15px;
            	background-position: center center;
            	-webkit-border-radius: 0px;
            	-webkit-box-shadow: #ccc 0 0px 0px
            }
            
            #legislatorList .legislator-info {
            	padding: 10px;
            	font-size: 14px;
            	line-height: 18px
            }
            
            #legislatorList .legislator-name {
            	display: inline-block;
            	padding: 0 5px
            }
            
            #legislatorList .legislator-name .title {
            	font-weight: bold;
            	padding: 0px 0px 4px 0px;
            	font-size: 1.0em
            }
            
            #legislatorList .legislator-name .district {
            	font-size: 0.8em
            }
        </style>
    </head>
    <body>
    </body>
</html>
